<template>
  <div class="page">
    <fe-header slot="header" style="width:100%;position:absolute;left:0;top:0;z-index:100;">NoticeBar</fe-header>
    <div class="fe-content">
      <divider>基础用法</divider> 
      <fe-noticebar
        text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  
      ></fe-noticebar>
      <divider>加个小喇叭-图片</divider> 
      <fe-noticebar
        text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  leftIcon='notice' 
        leftImg=""
      ></fe-noticebar>
      <divider>加个小喇叭-字体图标</divider> 
      <fe-noticebar
        text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！"  leftIcon='notice' 
      ></fe-noticebar>
      <divider>不能动了</divider> 
      <fe-noticebar :scrollable="false"  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar>
      <divider>有图标能关闭</divider> 
      <fe-noticebar   type="beclosed" text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar>
      <divider>有图标不能关闭</divider> 
      <fe-noticebar type="link" text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar> 
      <divider>自定义颜色</divider> 
      <fe-noticebar type="link" color='#fff' background='#4a90e2' leftIcon='notice'  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar> 
      <divider>延时特效</divider> 
      <fe-noticebar type="link" color='#fff' delay=2  background='#4a90e2' leftIcon='notice'  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar> 
      <divider>设置滚动速度</divider> 
      <fe-noticebar type="link" color='#fff' speed=200  background='#4a90e2' leftIcon='notice'  text="学生辗转8千里回家才发现房子被拆，家人竟然忘了告知！哇哈哈哈哈哈哈哈哈哈，红红火火哈哈哈哈哈红红火火哈哈！" ></fe-noticebar> 
    </div>
  </div>
</template>
<script>
export default {
  methods: {}
};
</script>
<style scoped lang="less">

</style>
